<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>首页</title>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="stylesheet" href="../util/bootstrap-3.3.7-dist/css/bootstrap.css">
		<link rel="stylesheet" href="../css/home.css">
		<link rel="stylesheet" href="../util/flipclock/css/flipclock.css">
		<link rel="stylesheet" href="../util/schedule/css/schedule.css">
		<link rel="stylesheet" href="../util/myScroll/css/jquery.mCustomScrollbar.min.css" />
		<link rel="stylesheet" type="text/css" href="../css/common.css" />
	</head>
	<body class="mCustomScrollbar">
		<section class="container-fluid home-content">

			<!-- 第一列 -->
			<div class="row">

				<!-- 时间 -->
				<div class="col-lg-6 col-md-6">
					<div class="con-block time">
						<div class="title">
							<div id="date">2019年11月11日</div>
							<span class="iconfont">&#xe606;</span>
						</div>
						<div class="clock"></div>

						<!-- 日历 -->
						<div class="calendar">
							<div id="schedule-box" class="boxshaw">
							</div>
						</div>
					</div>
				</div>

				<!-- 出勤 -->
				<div class="col-lg-3 col-md-3">
					<div class="con-block attendance">
						<div class="title">
							出勤情况
							<span class="iconfont">&#xe7bd;</span>
						</div>
						<div id="att-echart"></div>
					</div>
				</div>

				<!-- 备忘录 -->
				<div class="col-lg-3 col-md-3">
					<div class="con-block memoire">
						<div class="title">
							备忘录
							<span class="iconfont">&#xec88;</span>
						</div>
						<ol id="memoire-ol" class="mCustomScrollbar">
						</ol>
						<div class="memoire-add">
							<input type="text" id="memoire-input" />
							<span class="iconfont">&#xe641;</span>
						</div>
					</div>
				</div>
			</div>

			<!-- 第二列 -->
			<div class="row">

				<!-- 课表 -->
				<div class="col-lg-4 col-md-4">
					<div class="con-block classes">
						<div class="title">
							今日课表
							<span class="iconfont">&#xec4e;</span>
						</div>
						<div id="time-table">
							<table class="table table-hover table-bordered">
								<tr>
									<td>9:50-10:20</td>
									<td></td>
								</tr>
								<tr>
									<td>10:30-11:00</td>
									<td></td>
								</tr>
								<tr>
									<td>11:10-11:40</td>
									<td></td>
								</tr>
								<tr>
									<td colspan="2">午休</td>
								</tr>
								<tr>
									<td>15:00-15:20</td>
									<td></td>
								</tr>
								<tr>
									<td>15:30-16:00</td>
									<td></td>
								</tr>
							</table>
						</div>

					</div>
				</div>
				<div class="col-lg-5 col-md-5">
					<div class="con-block statistics">
						<div class="title">
							人数统计
							<span class="iconfont">&#xe614;</span>
						</div>
						<div id="sta-echart"></div>
					</div>
				</div>

				<!-- 公告板 -->
				<div class="col-lg-3 col-md-3">
					<div class="con-block board">
						<div class="title">
							公告板
							<span class="iconfont">&#xe63e;</span>
						</div>
						<ul id="board-ul" class="mCustomScrollbar">
						</ul>
					</div>
				</div>
			</div>
		</section>

		<script src="../util/jquery-3.4.1.js"></script>
		<script src="../util/myScroll/js/jquery-1.11.0.min.js"></script>
		<script src="../util/myScroll/js/jquery.mCustomScrollbar.min.js"></script>
		<script src="../util/myScroll/js/jquery.mousewheel-3.1.13.js"></script>
		<script src="../util/flipclock/js/flipclock.js"></script>
		<script src="../util/schedule/js/schedule.js"></script>
		<script src="https://cdn.bootcss.com/echarts/4.4.0-rc.1/echarts.min.js"></script>
		<script src="../js/home.js"></script>
	</body>
</html>
